<template>
	<view class="toolbar" v-if="current.type === 1">
		<view class="tag">
			<template v-if="current.is_direct == 1">定向</template>
			<template v-else>不定向</template>
		</view>
		<!-- <view class="toolbar-btn">
			<view class="button"><u-icon name="heart" color="#ababab" size="24" label="收藏题目"></u-icon></view>
			<view class="button"><u-icon name="error-circle" color="#ababab" size="22" label="题目报错"></u-icon></view>
		</view> -->
	</view>

</template>

<script>
	export default {
		props: {
			current: {
				type: Object,
				default: {}
			},
		}
	}
</script>

<style scoped lang="scss">
	.toolbar {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		line-height: 1;
		margin-top: 20rpx;
		color: #585664;
	
		.tag {
			background-color: #9b95c5;
			border-radius: 5px;
			font-size: 28rpx;
			padding: 12rpx 18rpx;
			color: #fff;
			line-height: 1;
		}
	
		.toolbar-btn {
			display: flex;
			flex-wrap: wrap;
	
			.button {
				font-size: 30rpx;
				margin-left: 10rpx;
				color: #b1b1b1;
			}
	
		}
	}
</style>
